html,body{
	width: 100%;
	height: 100%;
	min-width: 990px;
}
.wrapper{
	width: 100%;
	height:100%;
}
.head{
	width: 100%;
	height: 694px;
	background: url(../image/loginBg.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.entranceBox{
	position: absolute;
	width: 620px;
	top:50%;
	margin-top: -170px;
	left:50%;
	margin-left: -310px;
	background: #fff;
	padding-bottom: 40px;
}
.backBox{
	width: 0px;
	height: 0px;
	border-left:94px solid #dfdfdf;   
	border-right:0px solid transparent;   
	border-bottom:52px solid transparent;
}
.backText{
	position: absolute;
	top:6px;
	left:4px;
	font-size: 14px;
	color: #27a6ff;
	text-decoration: underline;
}
.nav{
	padding-left: 140px;
    margin-bottom:20px;
	margin-top: -22px;
	color: #787878;
}
.nav a{
	font-size: 20px;
	color: #787878;
	border-bottom: 1px solid transparent;
	padding-left: 6px;
	padding-right: 6px;
}
.nav a.navActive{
	border-bottom-color: #88ae4e;
	color: #88ae4e;
}
.successTipBox{
	width: 390px;
	margin-top: 20px;
	display: none;
}
.successTipBox h1{
	text-align: center;
	font-weight: normal;
	color: #787878;
	font-size: 16px;
}
.successTipBox h1 span{
	color: #308fe2;
}
.successTipBox p{
	text-align: center;
	color: #787878;
	font-size: 12px;
	margin-top: 10px;
}
.tipBox{
	width: 240px;
	height: 22px;
	background:#ffeced;
	border:1px solid #ffbbc0;
	margin-top: 18px;
	margin-left: 92px;
	margin-bottom: 10px;
}
.tipBox p{
	line-height: 22px;
	color: #ce4545;
	font-size: 12px;
	background: url(../image/icon/tip_icon.png) no-repeat left center;
	padding-left: 24px;
	margin-left: 12px;
}
.loginBox{
	width: 620px;
	display: flex;
	display: -webkit-flex;
}
.loginLeft{
	position: relative;
	width: 340px;
	border-right: 1px solid #d6d6d6;
	padding-right: 50px;
}
.loginLeft div{
	width: 340px;
}
.register{
	display: none;
}
.registerSuccess{
	display: none;
}
.login .loginName{
	width: 340px;
	height: 37px;
	display: flex;
	display: -webkit-flex;
	display:-moz-flex;
}
.login .loginName span{
	display: inline-block;
	width: 92px;
	line-height: 37px;
	color: #787878;
	text-indent: 46px;
}
.login .loginName input{
	width: 240px;
	height: 34px;
	text-indent: 14px;
	border:1px solid #bbbbbb;
}
.login .loginPsw{
	width: 340px;
	height: 37px;
	margin-top: 9px;
	display: flex;
	display: -webkit-flex;
	display:-moz-flex;
	position: relative;
}
.login .loginPsw span{
	display: inline-block;
	width: 92px;
	line-height: 37px;
	color: #787878;
	text-indent: 46px;
}
.login .loginPsw input{
	width: 210px;
	height: 34px;
	text-indent: 14px;
	border:1px solid #bbbbbb;
	padding-right: 30px;
}
.login .loginPsw i{
	position: absolute;
	width: 22px;
	height: 14px;
	background:url(../image/icon/psw_icon1.png) no-repeat;
	right: 12px;
	top:12px;
}
.login .loginCodeBox{
	width: 340px;
	height: 37px;
	margin-top: 9px;
	display: flex;
	display: -webkit-flex;
	display:-moz-flex;
}
.login .loginCodeBox span{
	display: inline-block;
	width: 92px;
	line-height: 37px;
	color: #787878;
	text-indent: 46px;
}
.login .loginCodeBox input{
	width: 134px;
	height: 34px;
	text-indent: 14px;
	border:1px solid #bbbbbb;
}
.login .loginCodeBox i{
	display: block;
	width: 100px;
	height: 34px;
	height: 32px\9;
	border:1px solid #c1bfc0;
	margin-left: 5px;
}
.login .loginCodeBox i img{
	width: 100%;
	height: 100%;
}
.autoLogin{
	width: 340px;
	margin-top: 8px;
	display: flex;
	display: -webkit-flex;
	display:-moz-flex;
	color: #b7b7b7;
}
.autoLogin input{
	margin-left: 92px;
	margin-right: 4px;
}
.autoLogin a{
	color: #1391ff;
	margin-left: 124px;
	text-decoration: underline;
}
.loginBtn{
	width: 244px;
	height: 34px;
	border:none;
	outline: none;
	background: #89ae4e;
	color: #fff;
	margin-left: 92px;
	margin-top: 10px;
}
.register .registerTel{
	width: 340px;
	height: 37px;
	display: flex;
	display: -webkit-flex;
	display:-moz-flex;
}
.register .registerTel span{
	display: inline-block;
	width: 92px;
	line-height: 37px;
	color: #787878;
	text-indent: 40px;
}
.register .registerTel input{
	width: 240px;
	height: 34px;
	text-indent: 14px;
	border:1px solid #bbbbbb;
}
.register .registerCodeBox{
	width: 340px;
	height: 37px;
	margin-top: 9px;
	display: flex;
	display: -webkit-flex;
	display:-moz-flex;
}
.register .registerCodeBox span{
	display: inline-block;
	width: 92px;
	line-height: 37px;
	color: #787878;
	text-indent: 40px;
}
.register .registerCodeBox input{
	width: 134px;
	height: 34px;
	text-indent: 14px;
	border:1px solid #bbbbbb;
}
.regCodeBoxBtn{
	display: block;
	width: 102px;
	height: 36px;
	height: 32px\9;
	margin-left: 5px;
	background: #89ae4e;
	text-align: center;
	line-height: 36px;
	color: #fff;
	font-style: normal;
	font-size: 14px;
}
.register .loginPsw{
	width: 340px;
	height: 37px;
	margin-top: 9px;
	display: flex;
	display: -webkit-flex;
	display:-moz-flex;
	position: relative;
}
.register .loginPsw span{
	display: inline-block;
	width: 92px;
	line-height: 37px;
	color: #787878;
	text-indent: 34px;
}
.register .loginPsw input{
	width: 210px;
	height: 34px;
	text-indent: 14px;
	border:1px solid #bbbbbb;
	padding-right: 30px;
}
.register .loginPsw i{
	position: absolute;
	width: 22px;
	height: 14px;
	background:url(../image/icon/psw_icon1.png) no-repeat;
	right: 12px;
	top:12px;
}
.agreeRegister{
	width: 340px;
	margin-top: 8px;
	display: flex;
	display: -webkit-flex;
	display:-moz-flex;
	color: #1391ff;
}
.agreeRegister input{
	margin-left: 92px;
	margin-right: 4px;
}
.agreeRegister a{
	color: #1391ff;
	text-decoration: underline;
}
.registerBtn{
	width: 244px;
	height: 34px;
	border:none;
	outline: none;
	background: #89ae4e;
	color: #fff;
	margin-left: 92px;
	margin-top: 10px;
}
.registerName{
	width: 340px;
	height: 37px;
	display: flex;
	display: -webkit-flex;
	display:-moz-flex;
}
.registerName span{
	display: inline-block;
	width: 92px;
	line-height: 37px;
	color: #787878;
	text-indent: 40px;
}
.registerName input{
	width: 210px;
	height: 34px;
	text-indent: 14px;
	border:1px solid #bbbbbb;
	padding-right: 30px;
}
.registerSex{
	width: 340px;
	height: 37px;
	margin-top: 9px;
	display: flex;
	display: -webkit-flex;
	display:-moz-flex;
	align-items:center;
	-webkit-align-items:center;
}
.registerSex span{
	display: inline-block;
	width: 92px;
	line-height: 37px;
	color: #787878;
	text-indent: 40px;
}
.registerSex input{
	margin-left: 20px;
	margin-right: 4px;
}
.registerId{
	width: 340px;
	height: 37px;
	margin-top: 9px;
	display: flex;
	display: -webkit-flex;
	display:-moz-flex;
	position: relative;
}
.registerId span{
	display: inline-block;
	width: 92px;
	line-height: 37px;
	color: #787878;
	text-indent: 30px;
}
.registerId input{
	width: 210px;
	height: 34px;
	text-indent: 14px;
	border:1px solid #bbbbbb;
	padding-right: 30px;
}
.registerSuccessBtn{
	width: 242px;
	height: 34px;
	border:none;
	outline: none;
	background: #89ae4e;
	color: #fff;
	margin-left: 95px;
	margin-top: 10px;
}
.skipBtn{
	position: absolute;
	color: #5f5f5f;
	bottom: -20px;
	right: 54px;
}
/*---微信登录-----*/
.loginRight{
	flex-grow:1;
	-webkit-flex-grow:1;
}
.loginRight p{
	text-align: center;
	color: #787878;
	font-size: 12px;
}
.loginRight img{
	display: block;
	margin:0 auto;
	margin-top:50px;
	padding-bottom: 30px;
	border-bottom: 1px solid #d6d6d6;
}
.orBox{
	width: 30px;
	height: 30px;
	background:#d6d6d6;
	border-radius: 15px;
	text-align: center;
	line-height: 30px;
	color: #000;
	font-size: 14px;
	position: absolute;
	right: -15px;
	top:50%;
	margin-top: -15px;
}
.weChatBox{
	position: absolute;
	width: 500px;
	top:150px;
	left:50%;
	margin-left: -250px;
	background: #fff;
	padding-bottom: 40px;
}
.weChanHead{
	width: 270px;
	margin:0 auto;
	padding-top: 44px;
	display: flex;
	display: -webkit-flex;
	display:-moz-flex;
	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
}
.weChanHead img{
	width: 140px;
}
.weChanHead b{
	font-size: 24px;
	color: #87af4f;
	border-left: 1px solid #89ae4f;
	padding-left: 6px;
	margin-left: 10px;
}
.weChatPhoto{
	margin-left: 70px;
	margin-top:20px;
	display: flex;
	display: -webkit-flex;
	display:-moz-flex;
	align-items:center;
	-webkit-align-items:center;
	-moz-align-items:center;
}
.weChatPhoto dt{
	width: 56px;
	height: 56px;
	border-radius: 28px;
	overflow: hidden;
}
.weChatPhoto dt img{
	width: 100%;
	height: 100%;
}
.weChatPhoto dd{
	margin-left: 16px;
	color: #828282;
}
.weChatPhoto dd p:nth-child(2){
	padding-top: 6px;
}
.weChatPhone{
	margin-left: 70px;
	margin-top: 20px;
	display: flex;
	display: -webkit-flex;
	display:-moz-flex;
}
.weChatPhone span{
	line-height: 37px;
	color: #787878;
}
.weChatPhone input{
	width: 287px;
	height: 35px;
	border:1px solid #bbbbbb;
	margin-left: 8px;
	text-indent: 14px;
}
.weChatCode{
	margin-left: 70px;
	margin-top: 14px;
	display: flex;
	display: -webkit-flex;
	display:-moz-flex;
}
.weChatCode span{
	line-height: 37px;
	color: #787878;
}
.weChatCode input{
	width: 160px;
	height: 35px;
	border:1px solid #bbbbbb;
	margin-left: 8px;
	text-indent: 14px;
}
.weChatCode i{
	width: 117px;
	height: 37px;
	display: inline-block;
	background:#89ae4e;
	color: #fff;
	margin-left: 10px;
	font-style: normal;
	font-size: 14px;
	text-align: center;
	line-height: 37px;
}
.weChatPsw{
	margin-left: 70px;
	margin-top: 14px;
	display: flex;
	display: -webkit-flex;
	display:-moz-flex;
	position: relative;
}
.weChatPsw span{
	line-height: 37px;
	color: #787878;
}
.weChatPsw input{
	width: 247px;
	height: 35px;
	border:1px solid #bbbbbb;
	margin-left: 8px;
	text-indent: 14px;
	padding-right: 40px;
}
.weChatPsw i{
	position: absolute;
	width: 22px;
	height: 14px;
	background:url(../image/icon/psw_icon1.png) no-repeat;
	right: 100px;
	top:12px;
}
.weChatAgreeRegister{
	width: 340px;
	margin-top: 8px;
	display: flex;
	display: -webkit-flex;
	display:-moz-flex;
	color: #1391ff;
}
.weChatAgreeRegister input{
	margin-left: 126px;
	margin-right: 4px;
}
.weChatAgreeRegister a{
	color: #1391ff;
	text-decoration: underline;
}
.weChatRegisterBtn{
	width: 289px;
	height: 49px;
	border:none;
	outline: none;
	background: #89ae4e;
	color: #fff;
	margin-left: 126px;
	margin-top: 10px;
	font-size: 16px;
}
.foot{
	width: 100%;
	height:100px;
	background: #fff;
}
.footBox{
	width: 900px;
	height:100px;
	margin:0 auto;
}
.logo{
	float: left;
	width: 130px;
	margin-top: 32px;
}
.logo img{
	width: 100%;
}
.footBox div{
	float: left;
	height:55px;
	border-right: 1px solid #eaeaea;
	padding-right: 46px;
	margin-top: 22px;
}
.footBox div p{
	font-size: 20px;
	color: #88ae4e;
	margin-top: 8px;
}
.footBox div span{
	font-size: 12px;
	color: #999999;
}
.footBox .doctor{
	background: url(../image/doctor_icon.png) no-repeat left center;
	background-size: 50px;
	padding-left: 80px;
	margin-left: 80px;
}
.footBox .longRange{
	background: url(../image/LongRange_icon.png) no-repeat left center;
	background-size: 50px;
	padding-left: 80px;
	margin-left: 30px;
}
.footBox .features{
	background: url(../image/features_icon.png) no-repeat left center;
	background-size: 50px;
	padding-left: 80px;
	margin-left: 30px;
	border-right:none;
}